<!DOCTYPE html>
<html lang="en">
	<head>
	 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	</head>

<div class="col-lg-3">

          <div class="blog-side-item">
            <div class="search-row">
              <input type="text"  class="form-control" placeholder="Search here"/>
            </div>
            <div class="category">
              <h3>
                	分类
              </h3>
              <ul class="list-unstyled">
                <li th:each="module:${moduleList}">
                  <a href="javaScript:void(0);" >
                  	<i class="fa fa-angle-right pr-10">
                    </i>
                    <span th:text ="${module.name}"></span>
                  </a>
                </li>
              </ul>
            </div>

            <div class="blog-post">
              <h3>
                	最近发布
              </h3>
              <div class="media" th:each="newModelList:${newArticleModelList}" >
                <a class="pull-left gs" href="javascript:;" th:href="'/getArticle/'+${newModelList.id}">
                  <img class="smallPic" th:src="${newModelList.coverFileSrcS}" th:attr="pid=${newModelList.id}" alt=""/>
                </a>
                <div class="media-body">
                  <h5 class="media-heading">
                    <a  th:href="'/getArticle/'+${newModelList.id}" th:text="${newModelList.day}+' '+${newModelList.mounth}+' '+${#strings.substring(newModelList.createTimeStr,0,4)}">
                    </a>
                  </h5>
                  <p th:text="${newModelList.description}">
                  </p>
                </div>
              </div>
            </div>

            <div class="tags">
              <h3>
               	 	标签
              </h3>
              <ul class="tag">
                <li th:each="targetList:${articleModel.targetList}">
                  <a href="javaScript:void(0);">
                    <i class="fa fa-tags pr-5">
                    </i>
                  	<span th:text="${targetList}"></span>	  
                  </a>
                </li>
              </ul>
            </div>


            <div class="archive">
              <h3>
                Archive
              </h3>
              <ul class="list-unstyled">
                <li>
                  <a href="javascript:;">
                    <i class="fa fa-angle-double-right pr-10">
                    </i>
                    May 2014
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <i class="fa fa-angle-double-right pr-10">
                    </i>
                    April 2014
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <i class="fa fa-angle-double-right pr-10">
                    </i>
                    March 2014
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <i class="fa fa-angle-double-right pr-10">
                    </i>
                    February 2014
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <i class="fa fa-angle-double-right pr-10">
                    </i>
                    January 2014
                  </a>
                </li>
              </ul>
            </div>


          </div>
        </div>
</html>